/**
 * @author sunny
 * @date 2022/7/19
 * @Description
 */
//将url参数转换成hashmap对象
function paramToHashMap(param) {
    var tmpArr = param.split("&");
    var hashMap = new Object();
    for ( var i = 0; i < tmpArr.length; i++) {
        var para = tmpArr[i];
        if (para.indexOf("=") != -1) {
            var kv = para.split("=");
            hashMap[kv[0]] = kv[1];
        }
    }
    return hashMap;
}


var WfPowerSk = null;//风电场功率实况表
var WfDq = null;//风电场短期预报数据
var WfNwp = null;//风电场天气预报数据（取风速）
var WfMetSk = null;//测风塔数据表（取风速）
var InstallCapa = null;//装机容量


$(function () {
    dateTiemSelect();//初始化日期格式
    $("#query").click(function () {
        if($("#startTime").val()===""){
            layer.msg("输入开始时间！", {icon: 2});
            $("#endTime").val("");
        }
        var startTime = new Date($("#startTime").val().replace(/\-/g, "\/"));
        var endTime = new Date($("#endTime").val().replace(/\-/g, "\/"));
        if(startTime >=endTime){
            layer.msg("开始时间不能大于结束时间！", {icon: 2});
            $("#startTime").val("");
            $("#endTime").val("");
            return false;
        }else {
            load();
        }
    })

    //数据导出功能
    $('#btn-export').on('click', function () {
        var startTime = $("#startTime").val();
        var endTime = $("#endTime").val();
        var selectDate=$("#cf option:selected").val();//获取id为"cf"的内容
        window.location.href="../shortPeriodManage/fhShowPortionStationExport?startTime="+startTime+"&endTime="+endTime+"&selectDate="+selectDate+"";
    });

    //次日预报导出功能 by sunny 2022.02.08
    $('#btn-exportNineSix').on('click', function () {
        var startTime = $("#startTime").val();
        var endTime = $("#endTime").val();
        var selectDate=$("#cf option:selected").val();//获取id为"cf"的内容
        window.location.href="../shortPeriodManage/fhStationExportOne?startTime="+startTime+"&selectDate="+selectDate+"";
    });
    load();
})
//日期转换
Date.prototype.Format = function (fmt) { //author: meizz
    var o = {
        "M+": this.getMonth() + 1, //月份
        "d+": this.getDate(), //日
        "h+": this.getHours(), //小时
        "m+": this.getMinutes(), //分
        "s+": this.getSeconds(), //秒
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
        "S": this.getMilliseconds() //毫秒
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}
//点击查询，加载数据
//输入框设置主题。
function dateTiemSelect(){
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        laydate.render({
            elem: '#startTime', //新增的日期
            type: 'datetime',//日期类型date表示年月日
            /*  trigger: 'click',//如果绑定的元素非输入框，则默认事件为：click*/
            theme: '#071f3a',//自定义主题
            min: '2014-1-1',//限制最小日期
            max: '2028-12-31'//限制最大日期
        });
        laydate.render({
            elem: '#endTime', //新增的日期
            type: 'datetime',
            theme: '#071f3a',//自定义主题
        });
    });
}
//初始化加载曲线跟表格数据
function load(){
    var date = new Array();//观测时间
    var index = layer.load(1);

    var skData = new Array();//实况数据
    var foreData = new Array();//预测数据
    var date = new Array(); //所有日期
    var farmCityName = $('#selectQuxian', window.parent.document).val();//获取父页面的元素
    var factor = '降水';

    var p = {
        "startTime": $("#startTime").val(),
        "endTime": $("#endTime").val(),
        "factor": encodeURIComponent(factor),
        "cityName": farmCityName
    };
    $.ajax({
        url : "../metForecastComparison/temperatureForecastQuery",
        type : "get",
        contentType : "application/json",
        dataType : "json",
        data : p/*JSON.stringify(p)*/,//转换成字符串。后台使用了RequestBody注解
        success : function(data) {

            $.each(data.atmosphereDate, function (index, item) {
                var time1 = new Date(parseInt(item.time)).Format("yyyy-MM-dd hh:mm");
                date.push(time1); //日期
                foreData.push(item.forecastResult);
                skData.push(item.skResult);
            });

            lodaTu(foreData, date, skData);
            layer.close(index);
        }
    });
}

//折线图 日期，实况功率，图例，实况风速，预报功率
function lodaTu(foreData, date, skData) {
    var myChart = echarts.init(document.getElementById("main"));
    option = {
        title: {
            textStyle: {
                color: '#fff'
            }
        },
        tooltip: {
            show: true,
            trigger: 'axis',
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'cross',
                crossStyle: {
                    color: '#ddd'
                }
            }
        },
        legend: {
            data: ['预报降水', '实际降水'],
            textStyle: {
                color: '#fff',
                fontSize: 14
            },
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [{
            type: 'category',
            //data: ['0m/s-3m/s', '3m/s-6m/s', '6m/s-9m/s', '9m/s-12m/s', '12m/s以上'],
            data: date,
            axisLine: {
                lineStyle: {
                    // color:'#9B4E4E',
                    width: 1,//这里是为了突出显示加上的
                }
            },
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#fff'
                }
            }
        }],
        yAxis: [{
            splitLine: {show: false},//去除网格线
            type: 'value',
            name: '功率(mw)',
            nameTextStyle: {
                color: '#fff'
            },
            axisLabel: {
                formatter: '{value}'/*+'mw'*/,
                textStyle: {
                    fontWeight: "bolder",
                    color: "#fff"
                }
            }
        }],
        dataZoom: [
            {
                show: true,
                height: 30,
                xAxisIndex: [0],
                bottom: 0,
                type: 'slider',
                start: 0,
                end: 60,
                handleIcon: 'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',
                handleSize: '100%',
                handleStyle: {
                    // color:'#9B4E4E'
                }
            },
            {
                show: true,
                type: 'inside',
                height: 15,
                start: 1,
                end: 50
            }
        ],
        series: [{
            name: '预报降水',
            type: 'bar',
            //data: [-3,5,2,-1,-2.3],
            barMaxWidth: 30,
            stack: '总量',
            data: foreData,
            //barWidth: 15,
            itemStyle: {
                normal: {
                    color: '#FF0000',
                    barBorderRadius: 6,
                }
            },
        }, {
            name: '实际降水',
            type: 'bar',
            //data: [3, 5, 5, 2, 3],
            barMaxWidth: 30,
            data: skData,
            //data:windFrequencyWeek,
            //barWidth: 15,
            itemStyle: {
                normal: {
                    color: '#6eb2ff',
                    barBorderRadius: 6,
                }
            },
        }
        ]
    };
    myChart.setOption(option);
}

// function lodaTu(skData,foreData) {
//     var myChart = echarts.init(document.getElementById("main"));
//     var colors = ['#6eb2ff', '#FF0000'];
//     option = {
//         backgroundColor: '#071f3a',//背景色
//         color: colors,
//         tooltip: {
//             trigger: 'axis',
//             axisPointer : {            // 坐标轴指示器，坐标轴触发有效
//                 type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
//             }
//         },
//         legend: {
//             show:true,
//             data:[
//                 {
//                     name:'实际降水',
//                     textStyle:{
//                         fontSize:12,
//                         fontWeight:'bolder',
//                         color:'#fff'
//                     },
//                 },
//                 {
//                     name:'预报降水',
//                     textStyle:{
//                         fontSize:12,
//                         fontWeight:'bolder',
//                         color:'#fff'
//                     },
//                 }
//             ]
//         },
//         toolbox: {
//             show: true,
//             feature: {
//             }
//         },
//         grid: {
//             left: '5%',
//             right: '5%',
//             bottom: '5%',
//             y: 30,
//             containLabel: true
//         },
//         calculable: false,//取消拖拽
//         dataZoom: {
//             show: true,
//             realtime: true,
//             start: 0,
//             end: 100
//         },
//         xAxis: [
//             {
//                 //interval:0,//X轴的刻度间隔
//                 splitLine:{show: false},//去除网格线
//                 type: 'time',
//                 boundaryGap:true,
//
//                 //data: date,
//                 axisLabel:{
//                     formatter: '{value}',
//                     textStyle:{
//                         fontWeight:"bolder",
//                         color:"#fff"
//                     }
//                 }
//             }
//         ],
//         yAxis: [
//             {
//                 splitLine:{show: false},//去除网格线
//                 name: '功率(mw)',
//                 min:0,
//                 nameTextStyle:{
//                     color:'#fff'
//                 },
//                 type: 'value',
//                 axisLabel:{
//                     formatter: '{value}'/*+'mw'*/,
//                     textStyle:{
//                         fontWeight:"bolder",
//                         color:"#fff"
//                     }
//                 }
//             }
//         ],
//         series: [
//             {
//                 name: '实际降水',
//                 barGap:5,
//                 type:'bar',
//                 barWidth: '100%',
//                 yAxisIndex: 0,
//                 symbol:'none',  //这句就是去掉点的
//                 data: skData
//             }, {
//                 name: '预报降水',
//                 type:'bar',
//                 barGap:5,
//                 barWidth: '80%',
//                 yAxisIndex: 0,
//                 data: foreData,
//                 symbol:'none',  //这句就是去掉点的
//                 itemStyle:{
//                     normal:{
//                         lineStyle:{
//                             shadowBlur: 10,
//                             shadowColor: 'rgba(0, 0, 0, 0.5)',
//                             smooth:true,
//                             width:2//线宽
//                         }
//                     }
//                 }
//
//             }
//         ]
//     };
//     myChart.setOption(option);
// }
function real() {
    window.location.reload();
}



